﻿<div class="notifications" style="display:inline-block; width:100%; padding-right:34px">
    <div style="float:left">
        <span>  This Account is synchronized with CRM. Details can be edited only trough the CRM.</span>
    </div>
    <div style="float:right">
        <strong title="dd/mm/yyyy hh:mm"> Last synchronization with CRM: {{account.lastSyncWithCRM | date:'dd/MM/yyyy HH:mm'  }} </strong>
    </div>
</div>


<div style="float: left; width: 48%; padding-right: 4%;">
    <div class=title-bold>
        Account Information
    </div>
    <div style="display: table; width: 100%;">
        <div class="table-row-inp">
            <div class="inp-label">
                Account Name:
            </div>
            <div class="inp-holder">
                <input type="text" data-ng-model="account.name" disabled="disabled" class="inp disabled-inp">
            </div>
        </div>
        <div class="table-spacer">&nbsp;</div>
        <div class="table-row-inp">
            <div class="inp-label">
                Relationship Type:
            </div>
            <div class="inp-holder">
                <input type="text" data-ng-model="account.relationshipType" disabled="disabled" class="inp disabled-inp">
            </div>
        </div>
        <div class="table-spacer">&nbsp;</div>
        <div class="table-row-inp">
            <div class="inp-label">
                Office:
            </div>
            <div class="inp-holder">
                <input type="text" data-ng-model="account.office" disabled="disabled" class="inp disabled-inp">
            </div>
        </div>
        <div class="table-spacer">&nbsp;</div>
        <div class="table-row-inp">
            <div class="inp-label">
                Account Manager:
            </div>
            <div class="inp-holder">
                <input type="text" data-ng-model="account.accountManager" disabled="disabled" class="inp disabled-inp">
            </div>
        </div>
    </div>
    <div class="table-spacer">&nbsp;</div><br />
    <div class=title-bold>
        Aditional Details
    </div>
    <div style="display: table; width: 100%;">
        <div class="table-row-inp">
            <div class="inp-label">
                <strong>Status:</strong>
            </div>
            <div class="inp-holder">
                <input type="text" data-ng-model="account.status" disabled="disabled" name="" class="inp disabled-inp">
            </div>
        </div>
    </div>
    <div class="table-spacer">&nbsp;</div><br />
</div>
<div style="float: left; width: 47%;">
    <div class="user-inputs" style="width: 100%;">
        <select class="select-box" data-ng-model="status" ng-change="getUsers()">
            <option value="Active">Active Users</option>
            <option value="Inactive">Inactive Users</option>
            <option value="All">All Users</option>
        </select>
    </div>
    <button class="btn-green" data-ng-click="resetPassword()" style="float: right; margin-top: 4px;">Reset Password</button>
    <div class="clear">&nbsp;</div><br />
    <div style="display: table; width: 100%;">
        <div class="table-row">
            <div style="width: 3%;" class="table-head"><input type="checkbox" ng-checked="allUsersSelected()" data-ng-click="checkAllUsers()" name=""></div>
            <div style="width: 44%;" class="table-head"><a ng-class="{sortable_down: checkSortBy('fullName',false),sortable_up: checkSortBy('fullName', true)}" data-ng-click="setOrder('fullName')">Full Name</a></div>
            <div style="width: 44%;" class="table-head"><a ng-class="{sortable_down: checkSortBy('username',false),sortable_up: checkSortBy('username', true)}" data-ng-click="setOrder('username')">Username</a></div>
            <div style="width: 9%;" class="table-head"><a ng-class="{sortable_down: checkSortBy('status',false),sortable_up: checkSortBy('status', true)}" data-ng-click="setOrder('status')">Status</a></div>
        </div>
        <div data-ng-repeat="user in usersList | orderBy:orderby:reverse" class="table-row">
            <div style="width: 3%;" class="table-col"><input type="checkbox" data-ng-model="user.isSelected"></div>
            <!--<div style="width: 44%;" class="table-col"><a href="#/user/{{user.id}}">{{user.fullName}}</a></div>-->
            <div style="width: 44%;" class="table-col"><a href>{{user.fullName}}</a></div>
            <div style="width: 44%;" class="table-col">{{user.email}}</div>
            <div style="width: 9%;" class="table-col">{{user.status}}</div>
        </div>
    </div>
    <div class="table-row" data-ng-show="usersList.length == 0">
        No user found
    </div>
    <div class="clear">&nbsp;</div>
    <br /><br />
    <sustainalytics-pager></sustainalytics-pager>  
</div>
